var dataTable
$(document).ready(function () {
    $('#left-panel li[data-nav="publicidad"]').addClass('active');
    dtInit();
    $('.saveForm').click(save)
})

function save () {
    var response = {
        ids: new Array()
    };
    $('#publicacionesSelected tbody tr').each(function (i) {
            response.ids.push($(this).find('a.btn-danger').attr('data-publicacion'));
    })
    $('#formPublicidad').append('<input type="hidden" name="publicaciones" value="'+JSON.stringify(response).replace(/"/g, "'")+'" />').submit();
}

function dtInit () {
    dataTable = $('#publicacionesSelected').DataTable({
        language: dtLanguage,
        columnDefs: [
            { 
                sortable: false,
                targets: [0,1,2,3]
            }
            
        ],
        order: [[ 1, "asc" ]]
    });
    
    $('#publicaciones').on( 'preXhr.dt', function () {
        $('#dt-loader').show();
    }).on( 'xhr.dt', function () {
        $('#dt-loader').hide();
    }).DataTable({
        processing: false,
        serverSide: true,
        stateSave: false,
        ajax: BASE_URL+'php/providers/publicacionesByPublicidad.provider.php',
        language: dtLanguage,
        columns: [
            { 'data': 'acciones' },
            { 'data': 'titulo' },
            { 'data': 'categoria' },
            { 'data': 'estado' }
        ],
        fnDrawCallback: function( oSettings ) {
            afterDraw();
        },
        columnDefs: [
            { 
                sortable: false,
                targets: 0
            }
            
        ],
       order: [[ 1, "asc" ]]
    });
}

function afterDraw () {
    $('#publicaciones tr').each(function (i) {
        if (i && publicacionesSelected.indexOf($(this).attr('id').replace(/[^0-9]+/, '')*1) !== -1) {
            $(this).addClass('info').find('a.btn-success').addClass('disabled');
        }
    })
}

function addPedido(a) {
    var $row = $(a).parents('tr');
    publicacionesSelected.push($(a).attr('data-publicacion')*1);
    $row.addClass('info');
    $(a).addClass('disabled');
    dataTable.row.add( [
        '<a data-publicacion="'+$(a).attr('data-publicacion')+'" onclick="removePedido(this)" class="btn btn-danger btn-xs"><i class="fa fa-times"></i></a>',
        $row.find('td').eq(1).html(),
        $row.find('td').eq(2).html(),
        $row.find('td').eq(3).html(),
    ] ).draw(false);
}

function removePedido (a) {
    publicacionesSelected.splice(publicacionesSelected.indexOf($(a).attr('data-publicacion')*1), 1);
    dataTable.row( $(a).parents('tr') ).remove().draw();
    $('#publicaciones #row'+$(a).attr('data-publicacion')).removeClass('info');
    $('#publicaciones #row'+$(a).attr('data-publicacion')+' a').removeClass('disabled');
}